/* 底部通栏导航样式 */
.footer {
    width: 100%;
    height: 1.2rem;
    display: flex;
    justify-content: space-around;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #000;
    div{
        height: 100%;
        padding-bottom: .14rem;
        box-sizing: border-box;
    }
    a{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
    }
    .icon{
        display: block;
        width: 0.42rem;
        height: 0.42rem;
        background-repeat: no-repeat;
        background-size: .42rem .42rem;
    }
    .icon1{
        background-image: url(../images/icon/home_n_icon.png);
    }
    .icon2{
        background-image: url(../images/icon/movie_n_icon.png);
    }
    .icon3{
        background-image: url(../images/icon/cinema_n_icon.png);
    }
    .icon4{
        background-image: url(../images/icon/find_n_icon.png);
    }
    .icon5{
        background-image: url(../images/icon/mine_n_icon.png);
    }
    span {
        font-size: .26rem;
        color: #fff;
    }
    /* 高亮的样式 */
    .active{
        .icon1{
            background-image: url(../images/icon/home_a_icon.png);
        }
        .icon2{
            background-image: url(../images/icon/movie_a_icon.png);
        }
        .icon3{
            background-image: url(../images/icon/cinema_a_icon.png);
        }
        .icon4{
            background-image: url(../images/icon/find_a_icon.png);
        }
        .icon5{
            background-image: url(../images/icon/mine_a_icon.png);
        }
        span{
            color: #b7191a;
        }
    }
}